<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>主页</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/libs/bootstrap/css/bootstrap.css"
	media="screen">
<link rel="stylesheet" href="css/libs/bootstrap/css/bootstrap-theme.css">
<style type="text/css">
.box-shadow {
	-moz-box-shadow:-5px -5px 5px #999 inset;            
	-webkit-box-shadow:-5px -5px 5px #999 inset;         
	box-shadow:-5px -5px 5px #999 inset; 
}
</style>
</head>
<body>

	<nav class="navbar navbar-default navbar-static-to" role="navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<a class="navbar-brand"> <span class="glyphicon glyphicon-usd"></span>
				账目一点通
			</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-7">
			<ul class="nav navbar-nav">
				<li class="active"><a href="#"><span
						class="glyphicon glyphicon-home"></span> 主页</a></li>
				<li><a href="desc.html"><span
						class="glyphicon glyphicon-th-list"></span> 功能概述</a></li>
				<li><a href="help.html"><span
						class="glyphicon glyphicon-question-sign"></span> 使用帮助</a></li>
			</ul>
			<p class="navbar-text pull-right">
				<span class="glyphicon glyphicon-star"></span> Your First Choice For
				Accounts Manager
			</p>
		</div>
		<!-- /.navbar-collapse -->
	</nav>

	<div class="container">
		<div
			style="border: 1px solid #dddddd; border-radius: 10px 10px 25px 25px; padding: 5px; height: 750px;" class="box-shadow">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" id="tabs">
				<li><a href="#login" data-toggle="tab"><h3>登录</h3></a></li>
				<li><a href="#register" data-toggle="tab"><h3>注册</h3></a></li>
			</ul>

			<!-- Tab panes -->
			<div class="tab-content">
				<div class="col-md-3"></div>
				<div class="tab-pane active col-md-6" id="login"
					style="margin-top: 80px;">
					<form class="form-horizontal" role="form"
						style="border: 1px solid #dddddd; border-radius: 50px; padding-top: 50px; height: 300px;">
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">用户名:
							</label>
							<div class="col-sm-6">
								<input type="text" class="form-control" id="usernaem"
									placeholder="登录名称">
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">密码:
							</label>
							<div class="col-sm-6">
								<input type="password" class="form-control" id="password"
									placeholder="登录密码">
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">验证码:
							</label>
							<div class="col-sm-6">
								<input type="password" class="form-control" id="password"
									placeholder="验证码">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<div class="checkbox">
									<label> <input type="checkbox"> 记住我
									</label>
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<button type="submit" class="btn btn-default">戳我</button>
							</div>
						</div>
					</form>
				</div>
				<div class="tab-pane" id="register">
					<div class="tab-pane active col-md-6" id="login"
						style="margin-top: 80px;">
						<form class="form-horizontal" role="form"
							style="border: 1px solid #dddddd; border-radius: 50px; padding-top: 50px; height: 550px;">
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">用户名:
								</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="usernaem"
										placeholder="登录名称">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="col-sm-2 control-label">密码:
								</label>
								<div class="col-sm-6">
									<input type="password" class="form-control" id="password"
										placeholder="登录密码">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="col-sm-2 control-label">再一次:
								</label>
								<div class="col-sm-6">
									<input type="password" class="form-control" id="password"
										placeholder="登录密码">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">电话:
								</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="usernaem"
										placeholder="登录名称">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">邮箱:
								</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="usernaem"
										placeholder="登录名称">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">QQ:
								</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="usernaem"
										placeholder="登录名称">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">生日:
								</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="usernaem"
										placeholder="农历生日">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">验证码:
								</label>
								<div class="col-sm-6">
									<input type="text" class="form-control" id="usernaem"
										placeholder="验证码">
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-10">
									<div class="checkbox">
										<label> <input type="checkbox"> 记住我
										</label>
									</div>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-10">
									<button type="submit" class="btn btn-default">好的</button>
								</div>
							</div>
						</form>
					</div>
				</div>
				<!--/end register  -->
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/libs/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="css/libs/bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript">
		$('#tabs a:first').tab('show');
	</script>
</body>
</html>